/****************************************************************************************
 *
 * 这里是用于投票中心的
 *
 * *************************************************************************************/
//tab
.mange-tab{
	.flex-jcsb();
	padding:1px 0;
	max-width: 300px;
	margin:-10px auto 0;
	.item {
		color:#999;
		font-size: 16px;
		font-weight: bold;
		flex: 1;
		text-align: center;
		border-bottom: 2px solid #fff;
		padding:10px 0;
		margin:0 10px;
		transition: all 0.5s;
		cursor: pointer;
	}
	.active{color:#333;border-bottom-color: @blue}
}

//治理模块
.manage-wrap {
	max-width: 1024px;
	.manage-module {
		width:100%;background-color: #fff;margin-top: 20px;border-radius: 20px;padding:20px 25px 20px;
		.manage-title {
			.flex-jcsb();position: relative;
			color:@blue;font-size: 20px;font-weight: bold;border-bottom: 1px solid #eee;padding:0 0 10px;
			.control{color:#666;font-size:16px;cursor: pointer}
		}
		.manage-content {
			color:#333;padding:15px 0px 0px;
			//tip效果
			ul.manage-tip {
				list-style-type: decimal;margin:0px 20px;
				li {color:#666;font-size: 16px;padding:5px 0;}
				li.tip {color:#fd1a49;}
			}
			//我的投票数据
			.module-my {
				text-align: center;
				.title {color:#555;font-size: 16px;font-weight: bold;}
				.message {color:#999;font-size: 16px;font-weight: bold;margin:5px 0px 5px;}
				a{color:@blue}
			}
		}
	}
	//首行单独控制
	.manage-row {
		.flex-jcsb();
		.manage-module {min-height: 200px;}
		.module-tip {width:60%;}
		.module-info {flex:1;margin-left:20px;}
	}
}



//投票列表
.manage-vote-list {
	padding: 0 0 20px;
	.vote-list-row{
		.flex-jcsb();
		border:3px solid #a0c9ff;
		border-radius:20px;
		padding:10px 20px;
		margin:10px 0px 0px;
		background-color: #e7f7ff;
		position: relative;
		&:hover{background-color: #fff;}
		.rank{color:#999;font-size:18px;margin-right:10px;}
		.info{
			.player{font-size:14px;font-weight: bold;.flex-jcfs();}
			.ticket{font-weight: bold;color:@blue;.flex-jcfs();}
			.limit{}
		}

		.btn-group{
			.vote{color:#fff;background-color: @blue;}
		}
	}
}



/**************************************小屏*********************************************/
/**************************************小屏*********************************************/
/**************************************小屏*********************************************/

@media screen and (max-width: @MINSCREEN){
	//治理模块
	.manage-wrap {
		max-width: 100%;
		.manage-module {
			margin-top: 20px;border-radius: 15px;padding:15px 15px 20px;
			.manage-title {
				font-size: 18px;font-weight: bold;padding:0 0 10px;
			}
			.manage-content {
				color:#333;padding:10px 0px 0px;
				//tip效果
				ul.manage-tip {
					list-style-type: decimal;margin:0px 0px 0 20px;
					li {font-size: 14px;padding:0px 0;}
				}
				//我的投票数据
				.module-my {
					.title {;font-size: 14px;font-weight: bold;}
					.message {font-size: 14px;margin:5px 0px 5px;}
				}
			}
		}
		//首行单独控制
		.manage-row {
			display: block !important;
			.manage-module {min-height: auto;}
			.module-tip {width:100%;}
			.module-info {margin-left:0px;}
		}
	}

	//投票列表
	.manage-vote-list {
		padding: 0 0 20px;
		.vote-list-row{
			padding:10px 10px;
			margin:10px 0px 0px;
			.rank{font-size:14px;width:auto;}
			.info{
				flex:1;
				.player{}
				.ticket{}
				.limit{}
			}

			.btn-group{
				position: absolute;
				right: 10px;
				bottom: 10px;
				.vote{color:#fff;background-color: @blue;}
			}
		}
	}
}